import { HTMLAttributes } from "react";
import { twMerge } from "tailwind-merge";

function Avatar(props: HTMLAttributes<HTMLDivElement>) {
    const { children, className, ...otherProps } = props;

    return (
        <div className={twMerge('p-1 size-20 bg-neutral-900 border-4 border-blue-500 rounded-full overflow-hidden', className)} {...otherProps}>{children}</div>
    );
}

export default Avatar;